<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文创科投</title>
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <!-- 引入初始化的样式 -->
    <link rel="stylesheet" href="./assets/css/reset.css">
    <!-- 引入自己的样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less">
</head>

<body>
    <!-- 头部 -->
    <header id="header">
        <nav class="navbar navbar-default">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="./assets/images/logo1.png" alt=""></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">文科创投</a></li>
                        <li><a href="#">案例展示</a></li>
                        <li><a href="#">解决方案</a></li>
                        <li><a href="#">资讯中心</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </header>

    <!-- banner图 -->
    <div id="banner">
        <img src="./assets/images/banner.png" alt="">
    </div>

    <!-- 关于我们 -->
    <div id="about">
        <div class="container">
            <!-- 标题 -->
            <div class="title">
                <h3>ABOUT US</h3>
                <div class="litter">
                    <div class="left"></div>
                    <p>关于我们</p>
                    <div class="right"></div>
                </div>
            </div>
            <!-- 内容 -->
            <div class="desc">
                <div class="demo">
                    <img src="./assets/images/intro.png" alt="">
                    <div class="cover">
                        <div class="word">
                            <div class="stitle">
                                <h3><span>公司介绍/</span>COMPANY INTORDUCTION</h3>
                            </div>
                            <div class="msg">
                                <p>
                                    文科创投，是一家提供互联网服务的高科技集团公司，集策划、设计、前端优化、研发、测试、系统运维、网站推广、运营、团队外包为一体的成熟业务体系
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="demo1">
                    <div class="left">
                        <div class="word1">
                            <div class="smtitle">
                                <h3><span>运营理念/</span>CONCEPT OPRATIONNER</h3>
                            </div>
                            <div class="msg1">
                                <p>
                                    携手共进，共赢天下。 以结果为导向。树立好工作目标，监督过程，实现理想效果。 打造一流的团队，创造一流的服务，成为一流的行业标志。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <img src="./assets/images/runner.png" alt="">
                    </div>
                </div>
                <div class="demo1">
                    <div class="right">
                        <img src="./assets/images/runner.png" alt="">
                    </div>
                    <div class="left">
                        <div class="word1">
                            <div class="smtitle">
                                <h3><span>业务范围/</span>THE BUSINERSS SCOPE</h3>
                            </div>
                            <div class="msg1">
                                <p>
                                    文科创投主要提供高品质网站建设方案，电子商务平台解决方案，移动端应用开发方案（基于ANDROID、IOS
                                    APP及移动端网站），微应用、微商城、微官网、微互动营销解决方案，企业信息化解决方案（OA、CRM），以及PHP网站开发、JAVA开发、UI设计、淘宝美工服务，高端IT人才猎头服务。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="demo2">
                    <div class="box">
                        <img src="./assets/images/misson.png" alt="">
                        <div class="cover">
                            <h3>使命</h3>
                            <p>MISSON</p>
                        </div>
                    </div>
                    <div class="box">
                        <img src="./assets/images/values.png" alt="">
                        <div class="cover">
                            <h3>价值观</h3>
                            <p>VALUES</p>
                        </div>
                    </div>
                    <div class="box">
                        <img src="./assets/images/vision.png" alt="">
                        <div class="cover">
                            <h3>愿景</h3>
                            <p>VISION</p>
                        </div>
                    </div>
                </div>
                <div class="demo3">
                    <div class="box">
                        <img src="./assets/images/picleft.png" alt="">
                        <div class="leftjt">
                            <img src="./assets/images/left.png" alt="">
                        </div>
                    </div>
                    <div class="box">
                        <img src="./assets/images/picright.png" alt="">
                        <div class="rightjt">
                            <img src="./assets/images/right.png" alt="">
                        </div>
                    </div>
                    <div class="bigbox">
                        <img src="./assets/images/picmid.png" alt="">
                        <div class="cover">
                            <div class="word">
                                <div class="stitle">
                                    <h3><span>员工职业发展/</span>staff career development</h3>
                                </div>
                                <div class="msg">
                                    <p>
                                        我们非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求，更加看重心态，只要愿意成为文科创投的一份子，公司都会让员工充分展示自己，发挥他们的潜力、才干和热情，在微豆走向职业的成功。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="leftjt">
                            <img src="./assets/images/left.png" alt="">
                        </div>
                        <div class="rightjt">
                            <img src="./assets/images/right.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 案例展示 -->
    <div id="show">
        <div class="container">
            <!-- 标题 -->
            <div class="title">
                <h3>Case presentation</h3>
                <div class="litter">
                    <div class="left"></div>
                    <p>案例展示</p>
                    <div class="right"></div>
                </div>
            </div>
            <!-- 选项 -->
            <div class="choose">
                <input type="radio" name="chk" id="chk1">
                <label for="chk1" class="choice">
                    <p>APP作品</p>
                </label>
                <input type="radio" name="chk" id="chk2">
                <label for="chk2" class="choice">
                    <p>H5作品</p>
                </label>
                <input type="radio" name="chk" id="chk3">
                <label for="chk3" class="choice">
                    <p>网页作品</p>
                </label>
                <input type="radio" name="chk" id="chk4">
                <label for="chk4" class="choice">
                    <p>平面作品</p>
                </label>
            </div>
            <!-- 展示图片 -->
            <div class="showpic">
                <div class="tu">
                    <img src="./assets/images/pic1.png" alt="">
                </div>
                <div class="tu">
                    <img src="./assets/images/pic2.png" alt="">
                </div>
                <div class="tu">
                    <img src="./assets/images/pic3.png" alt="">
                </div>
                <div class="tu">
                    <img src="./assets/images/pic4.png" alt="">
                </div>
                <div class="tu">
                    <img src="./assets/images/pic5.png" alt="">
                </div>
                <div class="tu">
                    <img src="./assets/images/pic6.png" alt="">
                </div>
            </div>
            <!-- 分页 -->
            <div class="pages">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>

    <!-- 解决方案 -->
    <div id="solve">
        <div class="container">
            <!-- 标题 -->
            <div class="title">
                <h3>Solutions</h3>
                <div class="litter">
                    <div class="left"></div>
                    <p>解决方案</p>
                    <div class="right"></div>
                </div>
            </div>
            <!-- 选项 -->
            <div class="choose">
                <input type="radio" name="chkn" id="chk5">
                <label for="chk5" class="choice">
                    <p>移动端应用开发</p>
                </label>
                <input type="radio" name="chkn" id="chk6">
                <label for="chk6" class="choice">
                    <p>高品质网站</p>
                </label>
                <input type="radio" name="chkn" id="chk7">
                <label for="chk7" class="choice">
                    <p>微信应用</p>
                </label>
                <input type="radio" name="chkn" id="chk8">
                <label for="chk8" class="choice">
                    <p>电子商务平台</p>
                </label>
            </div>
            <!-- 内容 -->
            <div class="desc">
                <div class="demo">
                    <div class="right">
                        <img src="./assets/images/solve.png" alt="">
                    </div>
                    <div class="left">
                        <div class="word1">
                            <div class="smtitle">
                                <h3>移动端应用开发</h3>
                                <p>Android-iOS-HTML5</p>
                            </div>
                            <div class="msg1">
                                <p>
                                    我们为各个行业提供 移动端应用开发解决方案 互动营销小游戏解决方案 基于微信的应用解决方案 基于微信的应用解决方案
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 资讯中心 -->
    <div id="askcenter">
        <div class="container">
            <!-- 标题 -->
            <div class="title">
                <h3>Information Centre</h3>
                <div class="litter">
                    <div class="left"></div>
                    <p>资讯中心</p>
                    <div class="right"></div>
                </div>
            </div>
            <!-- 图片 -->
            <div class="imgs">
                <div class="demo">
                    <div class="left">
                        <img src="./assets/images/ask1.png" alt="">
                    </div>
                    <div class="right">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>
                            一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。
                        </p>
                        <p>2016-02-16</p>
                    </div>
                </div>
                <div class="demo">
                    <div class="left">
                        <img src="./assets/images/ask2.png" alt="">
                    </div>
                    <div class="right">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>
                            一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。
                        </p>
                        <p>2016-02-16</p>
                    </div>
                </div>
                <div class="demo">
                    <div class="left">
                        <img src="./assets/images/ask3.png" alt="">
                    </div>
                    <div class="right">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>
                            一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。
                        </p>
                        <p>2016-02-16</p>
                    </div>
                </div>
                <div class="demo">
                    <div class="left">
                        <img src="./assets/images/ask4.png" alt="">
                    </div>
                    <div class="right">
                        <h3>10款提高iOS开发效率的XCode插件</h3>
                        <p>
                            一套理想的插件架构几乎能够决定整个集成开发环境的差异与特性。Sublime Text与TextMate就是很好的实例。但大家可能不了解的是，Xcode也支持插件。
                        </p>
                        <p>2016-02-16</p>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- 赞助 -->
    <div id="sponsor">
        <div class="container">
            <div class="logo">
                <img src="./assets/images/zz1.png" alt="">
            </div>
            <div class="logo">
                <img src="./assets/images/zz2.png" alt="">
            </div>
            <div class="logo">
                <img src="./assets/images/zz3.png" alt="">
            </div>
            <div class="logo">
                <img src="./assets/images/zz4.png" alt="">
            </div>
            <div class="logo">
                <img src="./assets/images/zz5.png" alt="">
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div id="footer">
        <div class="container">
            <div class="left">
                <img src="./assets/images/phone.png" alt="">020-84133486
            </div>
            <div class="mid">
                COPYRIGHT(C)2017 文科创投科技有限公司版权所有 . ALL RIGHTS RESERVED
            </div>
            <div class="right">
                法律顾问：广东晟晨律师事务所—张勇律师
            </div>
        </div>
    </div>

    <!-- 侧边悬浮栏 -->
    <div id="float">
        <!-- <div class="container"> -->
            <div class="box">
                <a class="mod1">
                    <h3>在线客服</h3>
                    <p>online service</p>
                </a>
            </div>
            <div class="box">
                <a class="mod2">
                    <img src="./assets/images/QQ.png" alt="">
                    <p>|</p>
                    <p>在线咨询</p>
                </a>
            </div>
            <div class="box">
                <a class="mod3">
                    <img src="./assets/images/phone2_03.png" alt="">
                    <p>020-84133486</p>
                </a>
            </div>
            <div class="box">
                <a href="#" class="mod4">
                    <img src="./assets/images/top.png" alt="">
                    <p>|</p>
                    <p href="#">回到顶部</p>
                </a>
            </div>
        <!-- </div> -->

    </div>
</div>
</body>

</html>
<!-- 引入jquery -->
<script src="./assets/js/jquery.min.js"></script>
<!-- 引入bootstrap的js -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- 引入识别less的js -->
<script src="./assets/js/less.min.js"></script>